<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>简化axios</title>
	</head>
	<body>
		<script src="../js/axios.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
		<script>
			/* 设定公共的请求路劲 */
			
			axios.defaults.baseURL = "http://localhost:8090"
			let user = {
				
				name: '李四',
				
				age: 19,
				sex: '男'
			}
			/**
			 * 2.结构赋值
			 * 想法：能否利用一个方法 就将数据直接获取。简化2步调用的
			 * 实现：ES7 提供了await async 简化现有axios操作
			 * 用法说明：
			 * 			1.await 标识异步请求 解构操作
			 * 			2.async 用在函数中 支持解构  要求同时出现
			 */
			async function ajax(){
			// 语法结构: 将ajax返回值data 赋值给value.
			// obj就是原来的回调函数result
			//let obj = await axios.post("/saveUser",user)
			let {data: value} = await axios.post("/saveUser",user)
			console.log(value)
			}
			//调用函数
			ajax()
		</script>
	</body>
</html>
